<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="bootstrap/js/bootstrap.min.js">
  <link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="fonts/iconic/css/material-design-iconic-font.min.css">
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/util.css">
  <link rel="stylesheet" href="style/main.css">
  <link rel="stylesheet" href="style/login.css">
  <link rel="stylesheet" href="style/common.css">
</head>

<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <!-- 头部 -->
    <div class="header">
      <div class="head">
        <!-- logo -->
        <div class="logo">
          <a href="index.html"><img src="images/logo.png" alt=""></a>
          <img src="images/logo2.png" alt="">
        </div>
        <!-- 导航栏 -->
        <div class="nav">
          <ul>
            <li>
              <a class="dropbtn" href="index.html">优粤门户</a>
              <!-- 下拉菜单 -->
              <div class="dropdown-content">
                <div class="txtimg">
                  <a href="video.html">优视频</a>
                  <img src="images/home_icon01.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="activity.html">粤文化</a>
                  <img src="images/home_icon02.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="cg.html">有机会</a>
                  <img src="images/home_icon03.png" alt="">
                </div>
              </div>
            </li>
            <li>
              <a class="dropbtn" href="index.html">有啊社区</a>
              <!-- 下拉菜单 -->
              <div class="dropdown-content">
                <div class="txtimg">
                  <a href="news.html">优新闻</a>
                  <img src="images/home_icon02.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="detail.html">优社区</a>
                  <img src="images/home_icon01.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="filmcritics.html">影评人</a>
                  <img src="images/home_icon03.png" alt="">
                </div>
              </div>
            </li>
            <li>
              <a class="dropbtn" href="login.html">登录</a>
            </li>
            <li>
              <a class="dropbtn" href="register.html">注册</a>
            </li>
          </ul>
          <!-- 搜索按钮 -->
          <div class="search">
            <input type="image" name="img_btn" src="images/home_search01.png" />
            <!-- 搜索按钮下拉菜单 -->
            <div class="searchout">
              <div class="search-dropdown">
                <div class="inputbtn">
                  <input type="search" name="search">
                  <input type="button" name="btn" value="GO" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 登录表单 -->
    <div class="limiter">
      <div class="container-login100" style="background-image: url('images/bg-01.jpg');">
        <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
          <form class="login100-form validate-form">
            <span class="login100-form-title p-b-49">登录</span>

            <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
              <span class="label-input100">用户名</span>
              <input class="input100" type="text" name="username" placeholder="请输入用户名" autocomplete="off">
              <span class="focus-input100" data-symbol="&#xf206;"></span>
            </div>

            <div class="wrap-input100 validate-input" data-validate="请输入密码">
              <span class="label-input100">密码</span>
              <input class="input100" type="password" name="pass" placeholder="请输入密码">
              <span class="focus-input100" data-symbol="&#xf190;"></span>
            </div>

            <div class="text-right p-t-8 p-b-31">
              <a href="javascript:">忘记密码？</a>
            </div>

            <div class="container-login100-form-btn">
              <div class="wrap-login100-form-btn">
                <div class="login100-form-bgbtn"></div>
                <button class="login100-form-btn">登 录</button>
              </div>
            </div>

            <div class="txt1 text-center p-t-54 p-b-20">
              <span>第三方登录</span>
            </div>

            <div class="flex-c-m">
              <a href="#" class="login100-social-item bg1">
                <i class="fa fa-wechat"></i>
              </a>

              <a href="#" class="login100-social-item bg2">
                <i class="fa fa-qq"></i>
              </a>

              <a href="#" class="login100-social-item bg3">
                <i class="fa fa-weibo"></i>
              </a>
            </div>

            <div class="flex-col-c p-t-25">
              <a href="register.html" class="txt2">立即注册</a>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="txt"> Copyright © 2013 URFILM 版权所有</div>
    </div>
  </div>
  <script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/main.js"></script>
</body>

</html>